<!--  -->
<template>
    <ConfirmBox
        :showBack="false"
        :hideConfirm="false"
        :title="title"
        :titleClass="titleClass"
        :full="full"
    >
        <slot></slot>
        <template #bottom>
            <CustomTabBar></CustomTabBar>
        </template>
    </ConfirmBox>
    <!-- <view class="w-screen h-screen">
        <view class="home-body" :style="{ backgroundColor: bg }">
            <slot></slot>
        </view>
    </view> -->
</template>

<script setup lang="ts">
import ConfirmBox from "../ConfirmBox/index.vue";
import CustomTabBar from "../Tabbar/index.vue";
type Props = {
    title?: string;
    titleClass?: string;
    full?: boolean;
};

withDefaults(defineProps<Props>(), {
    titleClass: "bg-transparent text-white",
    title: "标题",
    full: false,
});
</script>
<style scoped lang="scss">
/* @import url(); 引入css类 */
.home-body {
    height: calc(100% - 3.5rem - var(--window-bottom));
    overflow-y: auto;
}
</style>
